page-annual-statistics {
  .content {
    .scroll-content{
      background: #f3f8ff;
      .list{
        margin-bottom: 0;
        .item{
          padding: 0;
          .select-text{
            display: none;
          }
          .label{
            padding-left: 7px;
          }
        }
      }
      #topbox{
        height: 436px;
        position: relative;
        background: #fff;
        #toppie{
          height: 300px;
        }
        .topsubcontent{
          overflow: hidden;
          position: absolute;
          left: 50%;
          bottom: 20px;
          transform: translateX(-50%);
          width: 80%;
          height: 80px;
          border-radius: 10px;
          background-image:linear-gradient(-360deg,#f3f3f3,#fff);
          box-shadow:2px 2px 5px #B3B3B3;
          .fleft{
            float: left;
            width: 50%;
            p{
              text-align: center;
              &:first-child{
                font-weight: bold;
                font-size: 18px;
                margin: 10px 0;
                color: #80d879;
              }
            }
          }
          .fright{
            float: right;
            width: 50%;
            p{
              text-align: center;
              &:first-child{
                font-weight: bold;
                font-size: 18px;
                margin: 10px 0;
                color: #80d879;
              }
            }
          }
        }
      }
      .productdetails{
        background: #fff;
        .producthead{
          font-size: 17px;
          border-bottom: 1px solid #f1f1f1;
          p{
            padding: 10px 0 10px 20px;
            margin: 0;
            .subtitle{
              font-size: 16px;
              color: rgb(160, 160, 160);
              margin: 0 10px;
            }
            .titlenumber{
              font-size: 16px;
              color: #595757;
              font-weight: bold;
            }
          }
        }
        .productcontent{
          overflow: hidden;
          border-bottom: 1px solid #efefef;
          div{
            float:left;
            width:50%;
            padding-left: 20px;
            border-bottom: 1px solid #efefef;
            p:nth-child(1){
              font-size: 16px;
              color: rgb(160, 160, 160);
            }
            p:nth-child(2){
              font-size: 14px;
              color: #595757;
              span{
                padding: 0 10px;
                margin-left: 10px;
                text-align: right;
                background: #efefef;
              }
            }
            p:nth-child(3){
              font-size: 14px;
              color: #595757;
              span{
                padding: 0 10px;
                margin-left: 15px;
                text-align: right;
                background: #efefef;
              }
            }
            &:nth-child(2n+1){
              border-right: 1px solid #efefef;
            }
          }
        }
      }
      // 饼图区域
      .piearea{
        height: 300px;
        background: #fff;
        .slide-zoom{
          height: 100%;
          div{
            height: 320px;
          }
        }
        &.slides-ios{
          .swiper-pagination{
            bottom: 50px!important;
          }
        }
        &.slides-md{
          .swiper-pagination{
            bottom: 60px!important;
          }
        }
        &.oneslide{
          .swiper-pagination{
            display: none;
          }
        }
      }
    }
  }
}
